/* 轮播图 */
.banner{
    background: cornflowerblue url(../img/item/banner.jpg) no-repeat center;
    width: 100%;
    height: 300px ;
}
/* 项目导航 */

.top-container{
    overflow: hidden;
}
.s-nav{
    margin-top: 50px;
}
.nav-now{
    font-size: 14px;
    float: left;
    margin-bottom: 34px;
}
.blue{
    color: #668aca;
}
.sub-nav{
    width:fit-content;
    margin: 0 auto;
    overflow: hidden;
    float: right;
}
.sub-nav li{
    width: 50px;
    height: 23px;
    padding: 0 25px;
    text-align: center; 
    font-size: 14px;
    float: left;
    position: relative;
}
.sub-nav li.end{
    border-right: none;
    text-transform: uppercase;
    padding-right: 0;
}
.sub-nav li .line{
    width: 12px;
    height: 1px;
    margin: 0 auto;
    background-color: #668aca;
    display: none;
    margin-top: 3px;

}
.sub-nav li .line2{
    display: block;
    height: 9px;
    width: 1px;
    background-color: #b5b5b5;
    position: absolute;
    right: 0;
    bottom: 7px;
}
.sub-nav li.active .line{
    display: block;
}
.sub-nav li.active a{
    color: #668aca;
    font-size: 16px;
    line-height: 16px;
}
.sub-nav li:hover .line{
    display: block;
}
.sub-nav li:hover a{
    color: #668aca;
    font-size: 16px;
    line-height: 16px;
}
/* 图片模块 */
.pic-list{
    overflow: hidden;
    margin-bottom: 120px;
}
.pic-list .pic{
    width: 360px;
    height: 270px;
    margin-right:60px ;
    float: left;
    position: relative;
}
.pic-list .pic.end{
    margin-right: 0;
}
.pic .picture{
    width: 360px;
    height: 180px;
    background: aquamarine url(../img/show1.jpg) no-repeat center;
    background-size: 100% 100%;
}
.pic .desc1{
    font-size: 14px;
    line-height: 14px;
    color: #767676;
    margin-top: 28px;
    margin-left: 50px;
}
.pic .desc2{
    font-size: 14px;
    line-height: 14px;
    color: #767676;
    margin-top: 7px;
    margin-left: 50px;
}
.pic .arrow{
    position: absolute;
    top: 210px;
    right: 50px;
}
/* 家居 */
.pic .pic1{
    background: aquamarine url(../img/item/pic-3.jpg) no-repeat center;
}
.pic .pic2{
    background: aquamarine url(../img/item/pic-1.jpg) no-repeat center;
}
.pic .pic4{
    background: aquamarine url(../img/item/office1.jpg) no-repeat center;
}
.pic .pic5{
    background: aquamarine url(../img/item/office2.jpg) no-repeat center;
}
.pic .pic6{
    background: aquamarine url(../img/item/office3.jpg) no-repeat center;
}